<template>
    <div class="wallet">
      <HomePagetop :list="list"></HomePagetop>
      <div class="wallet-top">
        <h4>我的余额</h4>
        <i class="yo-ico">&#xe60e;</i>
        <p>
          ￥{{num}}.00
        </p>
        <span>
          充值
        </span>
        <span class="tixian">
           提现
        </span>
      </div>
      <div class="num_all">
        <van-list
          v-model="loading"
          :finished="finished"
          finished-text="没有更多了"
          @load="onLoad"
        >
          <div class="num_shoukuan">
              <div class="num_info">
                <p class="num_po">文章收到的赞赏：人工智能迷途，计算机底层基础至少
                </p>
                <span class="num_time">
                  2018-05-02 10：23：25
                </span>
              </div>
              <div class="num_price">+10.00</div>
          </div>
          <div class="num_shoukuan">
              <div class="num_info">
                <p class="num_po">文章收到的赞赏：人工智能迷途，计算机底层基础至少
                </p>
                <span class="num_time">
                  2018-05-02 10：23：25
                </span>
              </div>
              <div class="num_price">+10.00</div>
          </div>
          <div class="num_shoukuan">
              <div class="num_info">
                <p class="num_po">文章收到的赞赏：人工智能迷途，计算机底层基础至少
                </p>
                <span class="num_time">
                  2018-05-02 10：23：25
                </span>
              </div>
              <div class="num_price">+10.00</div>
          </div>
          <div class="num_shoukuan">
              <div class="num_info">
                <p class="num_po">文章收到的赞赏：人工智能迷途，计算机底层基础至少
                </p>
                <span class="num_time">
                  2018-05-02 10：23：25
                </span>
              </div>
              <div class="num_price">+10.00</div>
          </div>
          <div class="num_shoukuan">
              <div class="num_info">
                <p class="num_po">文章收到的赞赏：人工智能迷途，计算机底层基础至少
                </p>
                <span class="num_time">
                  2018-05-02 10：23：25
                </span>
              </div>
              <div class="num_price">-10.00</div>
          </div>
          <div class="num_shoukuan">
              <div class="num_info">
                <p class="num_po">文章收到的赞赏：人工智能迷途，计算机底层基础至少
                </p>
                <span class="num_time">
                  2018-05-02 10：23：25
                </span>
              </div>
              <div class="num_price">-10.00</div>
          </div>
        </van-list>
      </div>
    </div>
</template>
<script>
import HomePagetop from '@/components/homePage_top'
import Vue from "vue";
import { List, PullRefresh } from "vant";
import axios from "axios";
Vue.use(List);
export default {
    data() {
      return{
        value:"",
        num:1280.00,
        list:{
          hp_top:true,
          i_cont:"",
          user_name:"我的钱包"
        },
        loading: false,
        finished: false,
      }
      },
    components:{
      HomePagetop
    },
    methods:{
       async onLoad() {
        // let result=await this.$http.get("/news.json");
        // this.list=result.data.data.user.u_dynamicState
        //   this.loading = false;
        //   if(this.list.length>=5){
        //     this.finished = true;
        //   }
        },
    }
}
</script>
<style lang="stylus" scoped>
@import '../../../assets/stylus/border.styl'
@import '../../../assets/stylus/ellipsis.styl'
.wallet
  height 100%
  overflow-y scroll
  .wallet-top
    width 82.6667%
    margin-left 8.6667%
    margin-top 2%
    height 1.7rem
    border_1px(1px,rgba(242, 242, 242, 1),solid,5%)
    box-shadow: 2px 2px 15px rgb(242 242 242 );
    h4
      padding .2rem 0 .1rem 10% 
      display inline-block
    i 
      margin-left 2%
      color #3d7eff
    p
      font-size .3rem
      color #3d7eff
      font-weight 600
      padding-left 9%
    span 
      display inline-block
      margin-top .12rem
      width 38.71%
      height .4rem
      color #3d7eff
      border_1px(4px,#3d7eff,solid,5%)
      line-height .4rem
      text-align center
      font-size .16rem
      margin-left 8%
    .tixian
      color #ffffff
      background-color #3d7eff
  .num_all
    width 92%
    margin-left 4%
    
    .num_shoukuan
      display flex
      border_1px(0 0 1px 0)
      padding-bottom .1rem
      .num_info
        flex 280
        .num_po
          ellipsis(95%)
          padding-top .1rem
          font-size .14rem
          line-height .4rem
          text-align center
        .num_time
          color #ccc
      .num_price
        flex 65
        text-align center
        padding-top .38rem
        color #3d7eff
</style>